<!DOCTYPE html>

<html lang="en" style="font-size:13.33vw">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>星科NFT</title>

    <style>
        /*reset*/
        html {
            margin: 0 auto;
        }

        article, aside, dialog, footer, header, section, footer, nav, figure, menu {
            display: block
        }

        body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, section, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
            margin: 0;
            padding: 0
        }

        body {
            font: 14px/1.4 "Microsoft Yahei", Arial, Helvetica, sans-serif;
            background-color: #fff;
            color: #424242;
            max-width: 640px;
            margin: 0 auto;
        }

        h1, h2, h3, h4, h5, h6 {
            font-size: 100%;
            font-weight: normal;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        ul, ol, dd, dt, dl {
            list-style-type: none;
        }

        a {
            color: #333;
            text-decoration: none;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
        }

        a, input, select, span {
            -webkit-tap-highlight-color: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            -webkit-border-radius: 0;
        }

        input, img {
            border: none;
            padding: 0;
            font-size: 14px;
        }

        i, em {
            font-style: normal;
        }

        :focus {
            outline: none
        }

        /*原子类*/
        .clear {
            clear: both;
        }

        .clear:after {
            display: block;
            clear: both;
            visibility: hidden;
            height: 0;
            overflow: hidden;
            content: ".";
        }

        /*placeholder css*/
        ::-moz-placeholder {
            font-family: "Microsoft YaHei"
        }

        ::-webkit-input-placeholder {
            font-family: "Microsoft YaHei"
        }

        ::-ms-input-placeholder {
            font-family: "Microsoft YaHei"
        }

        .content {
            padding: 0.24rem 0.4rem;
        }

        header {
            text-align: center;
            margin-bottom: 1.04rem;
        }

        header img {
            width: 1.26rem;
            height: 1.62rem;
        }

        .title {
            font-size: 0.52rem;
            font-weight: 600;
            color: #333333;
            line-height: 0.74rem;
        }

        .des {
            margin-top: 0.16rem;
            font-size: 0.36rem;
            font-weight: 500;
            color: #989BA4;
            line-height: 0.5rem;
        }

        form input {
            padding: 0.22rem 0;
            font-size: 0.36rem;
            font-weight: bold;
            color: #222222;
            line-height: 0.42rem;
            margin-top: 0.4rem;
        }

        form > div {
            border-bottom: 1px solid #F2F2F2;
        }

        .code {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .code p {
            cursor: pointer;
            margin-top: 0.4rem;
            font-size: 0.3rem;
            font-weight: 400;
            color: #2F73FD;
        }

        form input::-webkit-input-placeholder {

            font-size: 0.3rem;
            font-weight: 400;
            color: #999999;
            line-height: 0.42rem;
        }

        form input::-moz-placeholder {
            font-size: 0.3rem;
            font-weight: 400;
            color: #999999;
            line-height: 0.42rem;
        }

        form input:-ms-input-placeholder {
            font-size: 0.3rem;
            font-weight: 400;
            color: #999999;
            line-height: 0.42rem;
        }

        .pact {
            display: flex;
            align-items: center;
            font-size: 0.24rem;
            font-weight: 400;
            color: #2753AD;
            line-height: 0.34rem;
            border-bottom: 0;
            margin: 0.5rem 0 0.56rem 0;
        }

        .pact input {
            margin-top: 0;
            margin-right: 0.15rem;
        }

        button {
            width: 6.7rem;
            height: 0.8rem;
            background: #2F73FD;
            box-shadow: 0px 0.04rem 0.08rem 0px #A6C4FF;
            border-radius: 0.45rem;
            border: 0;
            font-size: 0.34rem;
            font-weight: 600;
            color: #FBFBFB;
        }

        .logo {
            width: 1.66rem;
            margin: 0.5rem auto 0.5rem;
            text-align: center;
        }

        .logo img {
            width: 50px;
            height: 50px;
        }

        .logo p {
            margin-top: 0.15rem;
            font-size: 0.35rem;
            font-weight: bold;
            color: #FFFFFF;
        }

        .cont {
            width: 323px;
            height: 100%;
            margin: 0.5rem auto;
        }

        .cont img {
            width: 323px;
            /*height: 237px;*/
        }

        .btm {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 0.3rem;
            box-sizing: border-box;
            position: fixed;
            bottom: 0;
            background: #fff;
            width: 100%;
            padding: 10px 0;
        }

        .btm .item a {
            font-size: 0.3rem;
            font-weight: bold;
            color: #FFFFFF;
            line-height: 0.75rem;

        }

        .down {
            overflow: hidden;
            min-height: 100vh;
            background: url(/index/images/down_bg.png) center/cover no-repeat;
            /*background:;*/


        }

        .btm .item {
            margin: 0 auto;
            text-align: center;
        }

        .zhezhao {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgb(39 39 38 / 59%);
        }

        .zhezhao img {
            height: 120px;
            position: absolute;
            right: 10px;
        }

        .mtops {
            position: relative;
            display: flex;
            flex-direction: column;
            margin-left: 31px;
            margin-top: 46px;

        }

        .mbgs {
            position: absolute;
            right: 0;
            top: 0;
            width: 109px;
            height: 284px;

        }

        .box1 {

        }

        .tt {
            /*width: 160px;*/
            /*height: 24px;*/
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 600;
            color: #353537;
            font-size: 26px;
        }

        .txt {
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #999999;
            line-height: 20px;
        }

        .box2 {
            display: flex;
            flex-direction: column;
            margin-top: 26px;
        }

        .line {
            display: flex;
            align-items: center;
            margin: 6px 0;
        }

        .yq {
            width: 8px;
            height: 8px;
            background: #2F73FD;
            border-radius: 100%;
            margin-right: 5px;
        }

        .txt2 {
            font-size: 14px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #353537;
            line-height: 20px;
        }

        .box3 {
            margin: 26px 0;
        }

        .box3 .item {
            width: 157px;
            height: 49px;
            background: url(/index/images/Android.png) center no-repeat;
            background-size: 100% 100%;
            display: block;
        }

        .box3 .items {
            background: url(/index/images/IOS.png) center no-repeat;
            background-size: 100% 100%;
            display: block;
            width: 157px;
            height: 49px;
        }

        .box4 {
            margin: 26px;
        }

        .txt3 {
            font-size: 15px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #353537;
            line-height: 21px;
            margin-bottom: 12px;
        }

        .txt4 {
            font-size: 12px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #353537;
            line-height: 17px;
        }

        .bottom {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin: 10px auto;
        }

        .bottom img {
            width: 97px;
            height: 97px;
            border-radius: 10px;
            margin: 10px auto;
        }

        .txt5 {
            font-size: 12px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #8B8B93;
            line-height: 17px;
            letter-spacing: 4px;
        }


        /*样式*/
        .down_top {
            width: 100%;
            height: 283px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .top_title {
            font-size: 30px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #FFFFFF;
            line-height: 42px;
            text-align: center;
            margin-top: 20px;
        }

        .top_tip {

            display: flex;
            justify-content: space-around;
            align-items: center;
            width: 60%;
            margin: 10px auto;


        }

        .tip_item {
            color: #fff;
            width: 50px;
            height: 28px;
            text-align: center;
            line-height: 28px;
            display:flex;
            align-items: center;

        }

        .tip_item > span {
          
           
            line-height: 22px;
            background: #2C43F4;
   
   
   
    border-radius: 100%;
    display: block;
     height: 5px;
    width: 5px;
        }

        .down_bottom {
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
            padding: 0 36px;
            margin-top: -50px;
        }

        .bot_but {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;

        }

        .bot_but > div {
            width: 138px;
            height: 36px;
            background: #2C44F3;
            border-radius: 6px;
            text-align: center;
            line-height: 36px;

            font-size: 14px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #F3F3F6;
        }

        .bot_but > div > a {
            color: #F3F3F6;
        }

        .bot_img {
            /*margin-top: 20px;*/
            /*width: 334px;*/

            /*height: 418px;*/
            
            /*margin: 0 auto;*/
            
            display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
        }

        .bot_img > img {
            width: 334px;
            margin: 0 auto;
            height: 418px;
        }

        .top_img {
            width: 154px;
            height: 50px;
            margin: 0 auto;
        }
    </style>

    <style>
        #think_page_trace_open {
            display: none !important;
        }
    </style>
</head>

<body>

<div class="down">
    <!--<div class="zhezhao" id="show" style=" display: none;">-->
    <!--    <img id="" src="/index/images/android.png" alt="" />-->
    <!--</div>-->

    <!--<div class="mtops">-->
    <!--    <img src="/index/images/y.png" alt="" class="mbgs">-->
    <!--    <div class="box1">-->
    <!--        <div class="tt">-->
    <!--            下载 星科NFT APP-->
    <!--        </div>-->
    <!--        <div class="txt">领先的数字藏品交易平台 </div>-->
    <!--    </div>-->
    <!--    <div class="box2">-->
    <!--        <div class="line">-->
    <!--            <div class="yq"></div>-->
    <!--            <div class="txt2">玩转盲盒，开启惊喜之旅</div>-->
    <!--        </div>-->
    <!--        <div class="line">-->
    <!--            <div class="yq"></div>-->
    <!--            <div class="txt2">万物皆可NFT，发现更多精彩</div>-->
    <!--        </div>-->
    <!--        <div class="line">-->
    <!--            <div class="yq"></div>-->
    <!--            <div class="txt2">NFT交易，流通传递价值</div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="box3">-->
    <!--        <div  id="Android">-->
    <!--            <a href="https://xinrunkeji.oss-cn-beijing.aliyuncs.com/nft/nft.apk" class="item"></a>-->
    <!--        </div>-->
    <!--        <div  id="Ios">-->
    <!--            <a  class="items "></a>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    </div>-->
    <!--</div>-->
    <!--<div class="cont">-->
    <!--    <img src="/index/images/bg.png" alt="">-->
    <!--</div>-->
    <!--<div class="box4">-->
    <!--    <div class="txt3">-->
    <!--        关于星科NFT-->
    <!--    </div>-->
    <!--    <div class="txt4">-->
    <!--      星科NFT是一款基于区块链技术，集数字藏品购买、收藏、观赏以及分享于一体的应用。来星科NFT，发现更多有趣好玩的数字藏品吧！-->
    <!--    </div>-->
    <!--</div>-->
    <!--<div class="bottom">-->
    <!--    <img id="" src="/index/images/blog.png" alt="" />-->
    <!--    <div class="txt5">-->
    <!--        领先的数字藏品交易平台-->
    <!--    </div>-->
    <!--</div>-->
    <div class="down_top">
        <div class="top_img">
            <img src="/index/images/dowtop.png" alt="" width="154px"/>
        </div>
        <div class="top_title">
            全球领先的</br>创作版权交易平台
        </div>
        <div class="top_tip">
            <div class="tip_item">
                <span></span>&nbsp;&nbsp;唯一
            </div>
            <div class="tip_item">
                <span></span>&nbsp;&nbsp;高效
            </div>
            <div class="tip_item">
                <span></span>&nbsp;&nbsp;安全
            </div>

        </div>

    </div>
    <div class="down_bottom">
         <div class="bot_img">
            <img src="/index/images/down_bot.png" alt="" style="margin-left:-5px;width:334px;"/>
        </div>
        <div class="bot_but">
            <div>

                <a href="https://testflight.apple.com/join/4AfnZfBy" class="item">IOS版下载</a>
            </div>
            <div>

                <a href="https://xinrunkeji.oss-cn-beijing.aliyuncs.com/nft/nft.apk" class="item">Android版下载</a>
            </div>
        </div>
       

    </div>
</div>
<script charset="utf-8" type="text/javascript">

    var u = navigator.userAgent, app = navigator.appVersion;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
    var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    if (isAndroid) {
        //   alert("安卓机！")
        document.getElementById("Android").style.display = "block";
        document.getElementById("Ios").style.display = "none";
        let user = navigator.userAgent.toLowerCase();
        if (user.match(/MicroMessenger/i) == "micromessenger") {
            document.getElementById("show").style.display = "block";
        } else {

            document.getElementById("show").style.display = "none";
        }

    }
    if (isIOS) {
        //   alert("苹果果机！")
        document.getElementById("Ios").style.display = "block";
        document.getElementById("Android").style.display = "none";
    }

</script>

</body>

</html>

